Images

Web developers usually prefer to use either of the two following image formats: PNG (Portable Network Graphics) or JPEG (Joint Photographic Experts Group). The element for images is <img> and many attributes such as src(source/location of the image), alt(alternative text to be displayed if the image is not available), and the optional width and height in pixels.

Here is an HTML5 example of images 
			<!DOCTTYPE html> 

			<!--Example 1: Images.html --> 

			<html> 

			<head> 

				<title> Hello example </title> 

	
			</head> 

			<body> 

			<h1> Zoheir's books on Quantum Computing</h1> 

			<img src = "Zoheir's Book1.jpg" width = "85" height = "100" 

			alt = "Advances in Quantum Computing Research"> 

			<img src = "Zoheir's Book2.jpg" width = "85" height = "100" 

			alt = "Contemporary Research in Quantum Computing"> 

			</body> 

		</html>

If the two pictures are available in the same folder where your HTML file is then when the picture is clicked the following is displayed:


For more details, please contact me here.
Date of last modification: 2020.